/* 项目的公共样式 */

html {
    font-size: 100px;
    color: #323232;
}

body {
    background-color: #f5f5f5;
}

.container {
    width: 7.5rem;
    /* 7.5*100 = 750px */
    margin: 0 auto;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.clearfix {
    clear: both;
}

.clearfix::after {
    content: '';
    /* 给头部容器，填充一个内容（用于清除浮动） */
    display: block;
    width: 0;
    height: 0;
    clear: both;
    overflow: hidden;
}

:root {
    --swiper-theme-color: #fff !important;
}

.swiper-pagination-bullet {
    width: 12px !important;
    height: 12px !important;
}

img {
    display: block;
    /*把图片设置为块元素（图片本身是可变元素）*/
}

@font-face {
    /* css3定义字体 */
    font-family: "iconfont";
    src: url('../fonts/iconfont.eot?t=1585022119572');
    /* IE9 */
    src: url('../fonts/iconfont.eot?t=1585022119572#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAANwAAsAAAAAB8wAAAMiAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDHAqDDIJWATYCJAMQCwoABCAFhG0HQRvBBhEVnFvIfiaY52WPHt3fFB6N9JG0JghRh50sJXXhCQi2nxBxKwRAAd9vzTlgoyJUSdaOPPqHPBXSS9OREYfTpvh8y3IZa9reHHVpFm8NaKxNkRVIxAlow9iVF3EYAkSRmYJIzdoNW+IxjFECyMB+fbrhUwasJlvwCGHJQkOWEuDdPHcNWOJ/Xr5SXDw4AsWY2LR3rZ5U/ZDpww6dmjC1o0tAOJ4NYMtAgYKAgfQtdXRHw1BBlCilu1Ea8HgcjNWS5cOOhAQk2ovCm395IDgUJMTIjAGgJAorfMhksyHwIQsbDj7syEABXojKw8hQYDWmZuxkCJo2eUxMikjj15/Qfv2R3DE7D6Vtu3ZqunbrDkcnWnA0Q4cN01q2XRkVMz91+9VpOqxJk2hVqnarut+71/L+/VYPH7Z58KDthQfZdzysc/5+tq33us1PvXtzhj691285uj9dr3VTU/bcq5tuL7g77c78W92CrhVk16EqS13RYUXdUtA5z9KDlZclTzkspVt2qHJKWy0N9ecMhgU5WYeUKQ5VyVF1WNUcB728CSeaycAB0szkut5mrqmLOzWt3K1unTCoW7drU1sbhLADrSqnjM1S8XeR7uYefypUPvO6yexbeV82meOY6ls1B2U25w27MxSAhHpEo/zh3AutDmDIq9/1HQrXyjamS5KK/320AfBky5Ub0JXAaC9450JF+HOELYtMFRtGM1liCzSnUT2RgAOiTDP8khgk58UYqlStM0HwpIrhiCATFE9OolELIiCakgjxVEEUBaizPJoUDEcRiwTyMwtASMo+OBJzEkpSrhON+hwBqfmOkKSiiKK1pNgwmtwCiIcjoxK0oH8QDfXOMsshyL6hn1rFSbFPeyGP0QtlVmSjV+yRx5gyvn0l4sAxdXABx2HbEgxMCY1kQWSo89yVvSgz1M0OHBmVoAX9g2iod25lOeTef0M/tYprCiqcL+Qxtg9lVrQgXhV9q4JreWZ8+0rEgWPq4AL6YdsSDOX9EhrJQo/AUOdmKddWkc2v6p5wFRCFcbOJExWTgM2IgP8QtymqXmhadcQ4mwEAAA==') format('woff2'), url('../fonts/iconfont.woff?t=1585022119572') format('woff'), url('../fonts/iconfont.ttf?t=1585022119572') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url('../fonts/iconfont.svg?t=1585022119572#iconfont') format('svg');
    /* iOS 4.1- */
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 54px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #b8b8b8;
}

.nav ul {
    /* 底部导航 */
    display: flex;
    justify-content: space-around;
    /* width: 7.5rem; */
    width: 100%;
    border-top: 2px solid #e7e7e7;
    position: fixed;
    bottom: 0;
    background-color: #fff;
    /* align-items: center; */
    /* left: 50%;
    margin-left: -3.75rem; */
    z-index: 1;
}

.nav ul li {
    text-align: center;
    padding: .16rem 0 .11rem;
}

.nav ul li img {
    /* 在公共样式common.css设置为块元素了 */
    margin: 0 auto;
}

.nav ul li p {
    font-size: .24rem;
    color: #7a7a7a;
    margin-top: .07rem;
}

.title {
    background-color: #fff;
    font-size: .36rem;
    font-weight: 500;
    padding-top: .6rem;
    padding-bottom: .52rem;
    margin-top: .2rem;
    margin-left: .3rem;
    margin-right: .3rem;
}

.last-menu {
    margin-bottom: 1.14rem;
}